<!-- 头部 -->
<include file="Public:header" />
<link href="__PUBLIC__/home/css/main2_9.css" rel="stylesheet" type="text/css" media="all"/>
<link href="__PUBLIC__/home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
<div class="mian_nav">

<div class="mycenter">


<div class="nav_box">

<ul>
    <li class="home"><a href="{:U('index/index',array('newcity'=>$city))}" target="_self">首页</a></li>
    <li><a href="{:U('index/jiazhang_zn',array('newcity'=>$city))}" target="_self">学员指南</a></li>
    <li><a href="{:U('index/laoshi_zn',array('newcity'=>$city))}" target="_self">老师指南</a></li>
    <li><a href="{:U('index/about',array('newcity'=>$city))}" target="_self">关于平台</a></li>
</ul>

<div class="nav-line" style="left:92px;width:64px;"></div>

</div>

<!-- 首页显示 -->

<div class="hls_slogan" id="hls_slogan"></div>


</div>

</div>


</header>

<!-- homePage -->


<!-- 家长指南start -->
<div class="parent_help_bannouterbg">
    <img src="__PUBLIC__/home/images/jzzn.jpg" alt="" width="100%" style="display: inline-block;" class="guideimg">
    <a class="indexzhezhao" href="{:U('classes/index',array('newcity'=>$city))}"></a>
    <!-- <div class="auto1200 jzjz">
        <div class="phelp_innerbg">
            <div style="padding-top:1px;">
                <div>
                    <p>选择老师上门</p>
                    <p>见证进步奇迹</p>
                </div>
            </div>
        </div>
    </div> -->
</div>

<a href="{:U('classes/index',array('newcity'=>$city))}">
    <div class="aiqiucontrary" style="margin-bottom:0px;height: 677px;">
            <!-- <div class="title">
                <div class="title-12">
                    <img src="__PUBLIC__/home/images/h2-bg-2.png">
                    <p class="text-center">老师上门是你最优的选择</p>
                </div>
                <div class="container"></div>
            </div>
            <div class="aiqiucontrary" style="margin:0">
                <div class="container">
                    <div class="row contai-2">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-6 animate3 bounceIn">
                            <div class="input-group group-6">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>一、<em></em></h4>
                                <p>上门试课，高效沟通： 名师1对1辅导学生，40分钟高效率试课，深挖弱点，以其为突破口制定计划。</p>
                                <span class="input-group-addon visible-xs"></span>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hidden-xs">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-1 animate2 bounceIn">
                            <div class="input-group group-1">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>二、</h4>
                                <p>因材施教，精讲精练：名师让学生摆脱题海战术，运用个性化的的教学方案，坚决执行一个学生、一套教学方案，直击重点，快速提优补差。</p>
                                <span class="input-group-addon visible-xs"></span>
                                <em></em>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-2 animate3 bounceIn">
                            <div class="input-group group-2">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>三、<em></em></h4>
                                <p>全程跟踪，保证教学：教务老师全程跟踪教学，及时掌握学生学习进度，每次及时与家长反馈学生学习情况，不满意随时可以更换老师。</p>
                                <span class="input-group-addon visible-xs"></span>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hidden-xs">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hidden-xs">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-3 animate4 bounceIn">
                            <div class="input-group group-3">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>四、</h4>
                                <p>注意细节、掌握方法：名师用更优、更细致的辅导方法让孩子养成更好的学习习惯，让孩子更加集中精神学习；孩子、家长可随时联系老师，马上解答各科的疑问。</p>
                                <span class="input-group-addon visible-xs"></span>
                                <em></em>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-4 animate5 bounceIn">
                            <div class="input-group group-4">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>五、<em></em></h4>
                                <p>家长可根据实际情况选择最佳上课时间及地点，强大的教育团队等着你们.</p>
                                <span class="input-group-addon visible-xs"></span>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hidden-xs"></div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 bgm-5 animate6 bounceIn">
                            <div class="input-group group-5">
                                <span class="input-group-addon hidden-xs" style="background: #f6f6f6;"></span>
                                <h4>六、</h4>
                                <p>续课 家长如对授课满意，可再与老师沟通，优先续买老师课程</p>
                                <span class="input-group-addon visible-xs"></span>
                                <em></em>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
    </div>
</a>
    <!-- <h2 class="seth2">选老师上门，与你分忧</h2>
    <div class="aiqiusimple">
    <div class="aiqiuw1000">
        <div class="newspaper">
            <div class="paper" style="margin-left:0">
                <div class="publish">品质师资</div>
                <p class="tit">平台严格审核授课老师的身份信息及教学资质，授课老师均通过专业的面试和考核。</p>
                
            </div>
            <div class="paper">
                <div class="publish pb2">在线预约</div>
                <p class="tit">在线查看老师资料，选择老师预约，家长足不出户就能为孩子预约名师上门1对1辅导。</p>                
            </div>
            <div class="paper">
                <div class="publish pb3">满意签约</div>
                <p class="tit">试课满意，家长、老师双方确认课时后就可以开课签约啦！</p>
                
            </div>
            <div class="paper">
                <div class="publish pb4">资金保障</div>
                <p class="tit">支付后平台将托管家长的课时费用，家长对授课满意点击确认课时后，老师才能收到课时费。</p>
                
            </div>
            <div class="paper">
                <div class="publish pb5">随时退课</div>
                <p class="tit">家长对授课不满意，可随时申请退课，平台审核后，余款随时到账。</p>
                
            </div>
        </div>
    </div>
    </div> -->

<div class="aaaa" style="margin-bottom:60px;height: 677px;">
    <div class="title">
    <a href="{:U('classes/index',array('newcity'=>$city))}"><input type="submit" value="马上选老师" style="background: #30c76c;font-size: 20px;color:#fff;width: 204px;height: 44px;border: 0px;margin-top:75px;border-radius: 50px;"></a>
    </div>
</div>
<style type="text/css">
.aaaa {
    margin-bottom: 50px;
    overflow: hidden;
    background: url(__PUBLIC__/home/images/guideyueke-1.jpg) no-repeat center top;
}.title {
    text-align: center;;
    margin:0 auto;
    padding-top: 500px;
}
.aaaa * {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}.title .title-12 {
    width: 280px !important;
}
.aaaa .title-12 {
    width: 9em;
    margin: 50px auto 44px auto;
}.title .title-12 img {
    display: block;
    width: 80%;
    margin: 0 auto;
}.aaaa .title-12 p {
    margin: 0px;
    margin-top: 15px;
    color: #666;
    font-size: 30px;
}.container {
    width: 1030px;
}.aaaa .aaaa {
    background: #f6f6f6;
}
.aaaa {
    margin-bottom: 50px;
    overflow: hidden;
}.container {
    width: 1030px;
}.aaaa .aaaa .container .contai-2 {
    padding-bottom: 40px;
    background: url(__PUBLIC__/home/images/h2-bgd-2.png) no-repeat;
    background-size: auto, auto;
    background-position: center top, center top;
        background-color: #f6f6f6;
}
</style>

<style>
.phelp_innerbg > div > div{
    width: 800px;
}
.seth2 {
    font-size: 36px;
    color: #2f363b;
    text-align: center;
    font-weight: bold;
    margin: 40px 0;
}
    .aiqiusimple {
    /*margin-bottom: 40px;*/
    height: 260px;
    /*background: url("http://images.koolearn.com/shark/project/zt/2016/0114gs__PUBLIC__/home/js/i/bg2.jpg?5969f1") center top no-repeat;*/
}
.aiqiuw1000 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.aiqiucontrary {
    margin-bottom: 50px;
    overflow: hidden;
    background: url(__PUBLIC__/home/images/guideyueke.jpg) no-repeat center top;
}.title {
    /*background: url(__PUBLIC__/home/images/h2-dbg-2.png) no-repeat bottom;*/
    background-size: 100% 100%;
}
.aiqiucontrary * {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}.title .title-12 {
    width: 280px !important;
}
.aiqiucontrary .title-12 {
    width: 9em;
    margin: 50px auto 44px auto;
}.title .title-12 img {
    display: block;
    width: 80%;
    margin: 0 auto;
}.aiqiucontrary .title-12 p {
    margin: 0px;
    margin-top: 15px;
    color: #666;
    font-size: 30px;
}.container {
    width: 1030px;
}.aiqiucontrary .aiqiucontrary {
    background: #f6f6f6;
}
.aiqiucontrary {
    margin-bottom: 50px;
    overflow: hidden;
}.container {
    width: 1030px;
}.aiqiucontrary .aiqiucontrary .container .contai-2 {
    padding-bottom: 40px;
    /*background: url(__PUBLIC__/home/images/h2-bgd-2.png) no-repeat;*/
    background-size: auto, auto;
    background-position: center top, center top;
        background-color: #f6f6f6;
}.input-group.group-1,.input-group.group-5 {
    margin-top: 0;
}
.input-group.group-1 {
    margin-left: 66px;
    margin-top: 40px;
    border-radius: 4px;
    /*background: #ffffff url(__PUBLIC__/home/images/group-2.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 20px center;
}.aiqiucontrary .aiqiucontrary .container .input-group h4 {
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #333333;
    font-weight: bolder;
    margin: 4px 0 4px 80px;
}.aiqiucontrary .aiqiucontrary .container .input-group p {
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #666666;
    margin: 0 0 0 80px;
}
.input-group.group-1 .input-group-addon {
    background: #f08d00;
    border: transparent;
}
.input-group.group-5 .input-group-addon {
    background: #de491d;
    border: transparent;
}
.input-group.group-2 {
    margin-top: 0;
}
.input-group.group-2 {
    margin-right: 66px;
    margin-top: 14px;
    border-radius: 4px;
    /*background: #ffffff url(__PUBLIC__/home/images/group-3.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 40px center;
}.input-group.group-2 .input-group-addon {
    background: #37a671;
    border: transparent;
}.input-group.group-3 {
    margin-top: 0;
}
.input-group.group-3 {
    margin-left: 66px;
    margin-top: 77px;
    border-radius: 4px;
    /*background: #ffffff url(__PUBLIC__/home/images/group-4.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 20px center;
}.input-group.group-3 .input-group-addon {
    background: #fbaf38;
    border: transparent;
}.input-group.group-4 {
    margin-top: 0;
}
.input-group.group-4 {
    margin-right: 66px;
    margin-top: 14px;
    border-radius: 4px;
    /*background: #ffffff url(__PUBLIC__/home/images/group-5.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 40px center;
}.input-group.group-4 .input-group-addon {
    background: #afd377;
    border: transparent;
}
.input-group.group-2 em,.input-group.group-4 em,.input-group.group-6 em {
    content: "";
    position: absolute;
    right: -30px;
    top: 25%;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 15px solid #ffffff;
}
.input-group.group-1 em,.input-group.group-3 em,.input-group.group-5 em {
    content: "";
    position: absolute;
    left: -30px;
    top: 25%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #ffffff;
}.input-group.group-5 {
    margin-top: 0;
}
.input-group.group-5 {
    margin-left: 66px;
    margin-top: 40px;
    border-radius: 4px;
    /*background: #fff url(__PUBLIC__/home/images/group-6.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 20px center;
}.input-group.group-6 {
    margin-top: 0;
}
.input-group.group-6 {
    margin-right: 66px;
    margin-top: 14px;
    border-radius: 4px;
    /*background: #fff url(__PUBLIC__/home/images/group-1.png) no-repeat;*/
    background-size: auto, auto;
    background-position: left 40px center;
}.input-group.group-6 .input-group-addon {
    background: #77a0d3;
    border: transparent;
}
.newspaper {
    margin-top: 40px;
    /*overflow: hidden;*/
}.newspaper .paper {
    width: 224px;
    padding: 0 15px 25px;
    background: #f0f3f5;
    margin-left: 20px;
    float: left;
    box-shadow: 0px 2px 7px rgba(98, 98, 98, 0.5);
}.newspaper .paper .publish {
    line-height: 65px;
    font-size: 20px;
    color: #f90;
    border-bottom: 1px solid #f90;
}.newspaper .paper .tit {
    font-size: 16px;
    color: #767b7e;
    margin: 10px 0;
    height: 120px;
    line-height: 30px;
}.newspaper .paper .tit a {
    color: #767b7e;
}.newspaper .paper .publish.pb2 {
    color: #8CC63F;
    border-color: #8CC63F;
}.newspaper .paper .publish.pb3 {
    color: #40E0D0;
    border-color: #40E0D0;
}.newspaper .paper .publish.pb4 {
    color: #54D457;
    border-color: #54D457;
}
.newspaper .paper .publish.pb5 {
    color: #FF8836;
    border-color: #FF8836;
}
</style>
<!-- 家长指南end -->
        
<!-- 尾部 -->
<include file="Public:fooder" />  
        
<!-- homePage END-->
<script type="text/javascript" src="__PUBLIC__/home/js/Jbannerm.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/index2.9.js"></script>



<script>
$('#gzshuxue').click(function(){
    $('#gzshuxueCon').show().siblings().hide();
});
$('#gzyuwen').click(function(){
    $('#gzyuwenCon').show().siblings().hide();
});
$('#gzyingyu').click(function(){
    $('#gzyingyuCon').show().siblings().hide();
});
$('#gzwuli').click(function(){
    $('#gzwuliCon').show().siblings().hide();
});
$('#gzhuaxue').click(function(){
    $('#gzhuaxueCon').show().siblings().hide();
});

$('#czshuxue').click(function(){
    $('#czshuxueCon').show().siblings().hide();
});
$('#czyuwen').click(function(){
    $('#czyuwenCon').show().siblings().hide();
});
$('#czyingyu').click(function(){
    $('#czyingyuCon').show().siblings().hide();
});
$('#czwuli').click(function(){
    $('#czwuliCon').show().siblings().hide();
});
$('#czhuaxue').click(function(){
    $('#czhuaxueCon').show().siblings().hide();
});

$('#xxshuxue').click(function(){
    $('#xxshuxueCon').show().siblings().hide();
});
$('#xxyuwen').click(function(){
    $('#xxyuwenCon').show().siblings().hide();
});
$('#xxyingyu').click(function(){
    $('#xxyingyuCon').show().siblings().hide();
});

$('#ysyinyue').click(function(){
    $('#ysyinyueCon').show().siblings().hide();
});
$('#ysmeishu').click(function(){
    $('#ysmeishuCon').show().siblings().hide();
});
$('#addSiteFavorite').click(function(){
    alert('您的浏览器不支持本操作，请按Ctrl+D将本网页加入收藏！');
});
var windowWidth = $(window).width();
$('.parent_help_bannouterbg').height(windowWidth*670/1920);
$('.guideimg').height(windowWidth*670/1920);

</script>


</body></html>